import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:yyshort/common/model/video_model.dart';

class InfoCardWidget extends StatelessWidget {
  final String title;
  final String detail;
  final VoidCallback? watchNowTap;

  const InfoCardWidget({
    //
    super.key,
    required this.title,
    required this.detail,
    this.watchNowTap,
  });

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.all(10.0),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(
            title,
            style: const TextStyle(
              fontSize: 20,
              fontWeight: FontWeight.bold,
              color: Color(0xFFFFFFFF),
              height: 1.2, // 明确设置行高（重要！解决高度不够问题）
              // 白色标题
            ),
            maxLines: 2, // 最多显示两行
            overflow: TextOverflow.ellipsis, // 超出部分显示省略号
            softWrap: true, // 允许换行
            textDirection: TextDirection.ltr, // 从左到右排版
          ),
          const SizedBox(height: 8),

          // 详情部分
          Text(
            detail,
            style: const TextStyle(fontSize: 13, color: Colors.white),
            maxLines: 2, // 最多显示两行
            overflow: TextOverflow.ellipsis, // 超出部分显示省略号
            softWrap: true, // 允许换行
            textDirection: TextDirection.ltr, // 从左到右排版
            // 关键设置：按字符分割而不是按单词
            strutStyle: const StrutStyle(forceStrutHeight: true),
          ),
          const SizedBox(height: 10),

          // 带图标和文字的按钮 - 修改了背景、圆角、颜色和宽度
          SizedBox(
            width: double.infinity, // 按钮宽度匹配父容器最大宽度
            child: ElevatedButton.icon(
              onPressed: () {
                // 按钮点击事件处理
                // 可根据需要添加导航或其他操作
                watchNowTap!();
              },
              icon: const Icon(
                Icons.play_arrow,
                color: Colors.white, // 按钮图标白色
              ),
              label: Text(
                '立即观看'.tr,
                style: TextStyle(
                  fontSize: 16,
                  color: Colors.white, // 按钮文字白色
                ),
              ),
              style: ElevatedButton.styleFrom(
                padding: EdgeInsets.symmetric(horizontal: 16, vertical: 12),
                // ignore: deprecated_member_use
                backgroundColor: Colors.white.withOpacity(
                  0.1,
                ), // 按钮背景色 #ffffff99
                // backgroundColor: Colors.transparent, // 完全透明背景
                elevation: 0, // 清除阴影
                shadowColor: Colors.transparent, // 阴影颜色也设为透明
                // 重置状态效果（聚焦/hover/按压时的反馈）
                // ignore: deprecated_member_use
                overlayColor: Colors.white.withOpacity(0.15), // 仅保留按压反馈（可选）
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(8), // 边框圆角8pt
                ),
              ),
            ),
          ),
        ],
      ),
    );
  }
}
